<%-- 
    Document   : TrangChu
    Created on : Dec 10, 2012, 7:50:54 AM
    Author     : USER
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Trang chủ - Nhà sách Nhân - Sĩ</title>
        <link rel="stylesheet" type="text/css" href="css/style.css"/>
    </head>
    <body>
        <div id="wrapper">
            <div id="header">
                <div id="menu-header-right">
                    <ul>
                        <li><a href="#">Hướng dẫn mua hàng</a></li>
                        <li><a href="#">Bản đồ cửa hàng</a></li>
                        <li><a href="#">Tuyển dụng</a></li>
                    </ul>
                </div>
                <div id="gio-hang">
                    <img src="image/gio-hang.jpg"/>
                    <div>Số tiền: 2000000 đ</div>

                </div>
                <div id="logo-slogan-header">
                    <div id="logo-header">
                        <img src="image/flower1.png"/>
                        <h3>Nhà sách Nhân - Sĩ</h3>
                    </div>
                    <div id="slogan-header">
                        <h3>SÁCH - NGƯỜI BẠN ĐỒNG HÀNH TRI THỨC</h3>
                    </div>
                </div>
                <div id="quangcao">
                    Hình quảng cáo
                </div>
                <div id="menu-header">
                    <ul id="nav">
                        <li>
                            <a href="#">TRANG CHỦ</a>
                        </li>
                        <li>
                            <a href="#">SÁCH</a>
                            <ul>
                                <c:forEach var="dm" items="${danhMucs}">
                                    <li>
                                        <a href="#"><c:out value="${dm.tenDanhMucSanPham}"/></a>
                                        <ul>
                                            <c:forEach var="cell" items="${dm.dmChiTiets}">
                                                <li><a href="#"><c:out value="${cell.tenDanhMucChiTiet}"/></a></li>
                                            </c:forEach>

                                        </ul>
                                    </li>
                                </c:forEach>

                            </ul>
                        </li>
                        <li>
                            <a href="#">KHUYẾN MÃI</a>
                        </li>

                    </ul>
                    <div id="timkiem">
                        <font color="#FFFFFF">TÌM KIẾM</font>
                        <input name="" type="text" />
                        <select name="">
                            <option value="1">Sách Tiếng Việt</option>
                            <option value="2">Sách Tiếng Anh</option>
                        </select>
                        <input name="btnTim" type="button" value="Tìm" />
                    </div>
                </div>
            </div>
            <div id="content-trang-chu">
                <div id="content-left">
                    <div id="content-left-col1">
                        <div class="content-header"><h3>SÁCH BÁN CHẠY NHẤT</h3></div>
                        <div class="content-trang-chu">
                            <ul>
                                <c:forEach var="s" items="${sachMoi}">
                                    <li><a href="ThongTinChiTiet.do?tenSach=${s.tenSach}">
                                            <img src="image/can_phong_khoa_trai.89x131.b.jpg">
                                            <div class="character">
                                                <c:out value="${s.tenSach}"></c:out>
                                                <c:out value="${s.giaNhap}"></c:out>
                                            </div>
                                        </a>
                                    </li>
                                </c:forEach>
                            </ul>
                        </div>

                    </div>
                    <div id="content-left-col2">
                        <div class="content-header"><h3>SÁCH MỚI NHẤT</h3></div>
                        <div class="content-trang-chu">
                            <ul>
                                <c:forEach var="s" items="${sachMoi}">
                                    <li><a href="ThongTinChiTiet.do?tenSach=${s.tenSach}">
                                            <img src="image/can_phong_khoa_trai.89x131.b.jpg">
                                            <div class="character">
                                                <c:out value="${s.tenSach}"></c:out>
                                                <c:out value="${s.giaNhap}"></c:out>
                                            </div>
                                        </a>
                                    </li>
                                </c:forEach>
                            </ul>
                        </div>


                    </div>
                </div>

            </div>
            <div id="right">
                <div id="header-content">
                    <h3>TIN TỨC</h3>
                </div>
            </div>
            <div id="footer">
                footer
            </div>
        </div>
    </body>
</html>
